<route lang="json5" type="result">
{
  layout: 'tabbar',
  style: {
    // 'custom' 表示开启自定义导航栏，默认 'default'
    navigationStyle: 'default',
    navigationBarTitleText: '充值结果',
    navigationBarBackgroundColor: '#3287e1',
    navigationBarTextStyle:'white',
    enablePullDownRefresh:false
  },
}
</route>

<script lang="ts" setup>
defineOptions({
  name: 'Result',
})
</script>

<template>
  <view class="i-top">
    <view class="flex flex-justify-center">
      <wd-icon name="check-circle-filled" size="80px" color="#01af3c" />
    </view>
    <view class="pt-[20rpx] text-[42rpx] font-bold">
      充值成功!
    </view>
    <view class="pt-[10rpx]">
      2025年7月1日<text class="pl-[20rpx]">
        14:27:30
      </text>
    </view>
  </view>
  <view class="i-center">
    <view>
      本次充值<text class="num">
        ￥100.00
      </text>
    </view>
    <view>
      购币数量<text class="num">
        500个
      </text>
    </view>
    <view>
      付款方式<text class="num">
        微信支付
      </text>
    </view>
    <view>
      订单编号<text class="num">
        WLS888S17900015D250626113245A
      </text>
    </view>
  </view>
  <navigator
    class="i-bottom"
    url="/pages/wallet/wallet"
  >
    <wd-button custom-class="custom-shadow" block>
      返回投币
    </wd-button>
  </navigator>
</template>

<style lang="scss" scoped>
    .i-top {
        text-align: center;
        padding: 80rpx 0;
        color: #01af3c;
    }
    .i-center {
        padding: 30rpx;
        background-color: #ededed;
        margin: 0 30rpx;
        font-size: 28rpx;
        color: #666;
        line-height: 60rpx;
        .num {
            padding-left: 20rpx;
        }
    }
    .i-bottom {
        width: 60%;
        margin: 60rpx auto;
    }
</style>
